.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background: #dddddd;
}
.view{
  /*  position: absolute;
    top:0;
    width:100%;
    overflow-x: hidden;*/
}
.ng-enter { z-index: 8888; }
.ng-leave { z-index: 777; }
.view.ng-leave{
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
.view.ng-enter{
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRight {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}